<template>
  <div class="login-box">
    
    <a-tabs v-model:activeKey="activeKey" centered class="tab-box">
      <a-tab-pane key="1" tab="学生密码登录"><Student></Student></a-tab-pane>
      <a-tab-pane key="2" tab="教师密码登录" force-render
        ><Teacher></Teacher
      ></a-tab-pane>
    </a-tabs>
  </div>
</template>

<script setup>
import Student from "./ui/student.vue";
import Teacher from "./ui/teacher.vue";
import { defineComponent, ref } from "vue";
const activeKey = ref("1");
</script>

<style lang="scss" scoped>
.login-box{
  width: 100%;
  height: 100%;
  /* background-color: red; */
  background: url('../../../public/bg.png');
}
.tab-box {
  width: 368px;
  height: 352px;
  /* background-color: red; */
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -184px;
  margin-top: -176px;
}
</style>
